<!DOCTYPE html>
<html>
<head>
<title>应用JS的三种方式</title>
<!-- <title>3use-js-ways.html</title> -->

<meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
<meta http-equiv="description" content="this is my page">
<meta http-equiv="content-type" content="text/html; charset=UTF-8">

<link rel="stylesheet" type="text/css" href="../css/pre.css">
</head>

<body>
	<div id="container">
		<h1 id="title">应用JS的三种方式：</h1>
		<div>
			<h2 id="first">第一种：行间引用</h2>
			<p>
				主要是用于一些属性的设置和事件监听，如：
				<!-- style="background-color: #e2e2e2;" -->
			<pre>
&lt;a href="javascript:location.href = document.referrer;">超链接文本< /a >
&lt;button onclick="alert(hello world);">hello world< /button>
</pre>
			</p>
		</div>

		<div>
			<h2 id="second">第二种：嵌入式</h2>
			<p>主要是用于script标签中，位置可以很灵活，具体看需要，如：
			<pre>
&lt;script type="text/javascript">
	alert(hello world);
&lt;/script>
		</pre>
		</div>

		<div>
			<h2 id="thrid">第三种：外链式</h2>
			<p>主要是用于导入外部js，常见有引入jQuery库；或者统一将javascript脚本放到一个js文件中，使HTML文本更加整洁，如：
			<pre>
&lt;script type="text/javascript" src="./js/jquery.min.js">&lt;/script>
		</pre>
		</div>
	</div>

</body>
</html>